<template>
	<div class="easyd-weixin-Box">

		<div class="app_page_box">
			<div class="app_page">
				<div class="app_list_box" v-for="item in browseData">

					<div class="history_follow_info">
						<div class="">
							<div class="C4">{{$common.getTimes(item.apurr_create_time,'shifen')}}</div>
							<div>{{item.browseContent}}</div>
							<div>阅读{{item.apurr_read_count}}次</div>
						</div>
					</div>

				</div>
			</div>
		</div>

	</div>
</template>

<script>
	import { mapState, mapMutations } from "vuex";
	export default {

		data() {
			return {

			};
		},
		computed: {
			...mapState({
				   browseData    : state => state.HistoricalBrowsingRecordsModule.browseData
			})
		},
		mounted() {
			this.initData();
		},
		methods: {

			initData() {
				this.$easyUtil.startLoading(this);
				this.$http.getHttp(
						this.$API.apiCustomerHistoryBrowseRecord + "/c_openid/" + this.$route.query.c_openid,
						rs => {
							this.$easyUtil.endLoading(this);
							console.log(rs);
							this.$store.commit("HistoricalBrowsingRecordsModule/updateBrowseData", rs.customerHistoryBrowse);
						}
				);
			},
		}
	};
</script>

<style lang="stylus" scoped>
	@import '~PUBLIC_CSS';
	.history_follow_info {
		padding: 10px;
		border-bottom: 1px solid #f1f1f1;
	}
	
	.history_follow_info .app_box_flex {
		padding-bottom: 5px;
	}
	
	.history_follow_info .app_box_flex:last-child {
		padding-bottom: 0px;
	}
</style>